<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微博</title>
</head>
<body>
<h1>微博首页</h1>
<div>
    <div v-if="isLogin">
        <p>欢迎{{user.nick}}回来!</p>
        <a href="/insert.html">发布微博</a>
        <a href="javascript:void (0)" @click="logout()">退出登录</a>
    </div>
    <div v-else>
        <a href="/reg.html">注册</a>
        <a href="/login.html">登录</a>
    </div>
    <hr>
    <!--显示所有微博数据-->
    <div v-for="weibo in arr">
        <h3>{{weibo.nick}}说:{{weibo.content}}</h3>
        <img :src="weibo.url" alt="不知道可以显示不" width="300">
    </div>
</div>
<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>
<script>
    let v = new Vue({
        el:"body>div",
        data:{
            isLogin:false,
            user:{},
            arr:[]
        },
        created: function () {
            axios.get("/user/getCurrentUser").then(function (response) {
                v.user=response.data;
                // 如果当前客户端没有登录的话得到的是空字符串""
                // 如果是空字符串代表还没有登录isLogin为false,如果不为空字符串代表登录过
                v.isLogin=(v.user!="")?true:false;
            });
            // 发请求获取所有微博信息
            axios.get("/weibo/select").then(function (response) {
                v.arr=response.data;
            })
        },
        methods:{
            logout() {
                axios.get("/user/logout").then(function () {
                    location.reload();
                });
            }
        }
    })
</script>
</body>
</html>